let app = new Vue({
    el: '#app',
    data: {
        list: [
            {
                id: 1,
                name:'iPhone 13',
                price:6799,
                count:1
            },
            {
                id: 2,
                name:'华为荣耀10X',
                price:2699,
                count:1
            },
            {
                id: 3,
                name:'小米10s',
                price:3299,
                count:1
            },

        ]
    },
    computed: {
        totalPrice:function(){
            let total = 0
            for(let i = 0; i<this.list.length;i++){
                var item = this.list[i]
                total += item.price * item.count
            }
            return total.toString().replace(/\B(?=(\d{3})+$)/g,',')
        }
    },
    methods: {
        handleReduce:function(index){
            if(this.list[index].count === 1) return;
            this.list[index].count--
        },
        handleAdd:function(index){
            this.list[index].count++
        },
        handleRemove:function(index){
            this.list.splice(index,1)
        }
    }
})